$(function() {
	BondTradeTable();

});
var BondTradeTable = function() {

	layui.use([ 'laydate', 'laypage', 'layer', 'table', 'element', 'upload' ],
			function() {
				var laydate = layui.laydate // 日期
				, laypage = layui.laypage // 分页
				, layer = layui.layer // 弹层
				, table = layui.table // 表格
				, element = layui.element// 元素操作
				, upload = layui.upload;
				var form = layui.form;
				var $ = layui.jquery;
				// 执行一个 table 实例
				var bondTradeTable = table.render({
					elem : '#BondTradeTable',
					url : 'BondTrade',// 数据接口
					title : '债券交易',
					page : true,// 开启分页
					toolbar : '#toolbarDemo1' // 开启头部工具栏，并为其绑定左侧模板
					,
					defaultToolbar : [ 'filter', 'exports', 'print', { // 自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
						title : '提示',
						layEvent : 'LAYTABLE_TIPS',
						icon : 'layui-icon-tips'
					} ],
					limits : [ 5, 10, 15 ],
					cols : [ [ // 表头
							{
								type : 'checkbox',
							},
							{
								field : 'bondTradeNo',
								title : '债券交易编号',
								width : 200,
							},
							{
								field : 'fundNo',
								title : '基金代码',
								width : 100,
							},
							{
								field : 'fundName',
								title : '基金名',
								width : 200,
							},
							{
								field : 'bondNo',
								title : '债券代码',
								width : 200,
							},
							{
								field : 'bondName',
								title : '债券名',
								width : 100,
							},
							{
								field : 'userName',
								title : '基金经理名',
								width : 100,
							},
							{
								field : 'brokerName',
								title : '券商名',
								width : 100,
							},
							{
								field : 'tradeDeskName',
								title : '交易席位名',
								width : 100,
							},
							{
								field : 'tradeInOrOut',
								title : '交易方式',
								width : 100,
								templet : function(d) {
									if (d.tradeInOrOut == 1) {
										return '买入'
									} else if (d.tradeInOrOut == 2) {
										return '卖出'
									} else if (d.tradeInOrOut == 3) {
										return '分红'
									} else if (d.tradeInOrOut == 4) {
										return '派股'
									}
								}
							},
							{
								field : 'tradeFlag',
								title : '交易标识',
								width : 100,
								templet : function(d) {
									if (d.tradeFlag == 1) {
										return '流入'
									} else {
										return '流出'
									}
								}
							},
							{
								field : 'tradePrice',
								title : '交易价格',
								width : 100,
							},
							{
								field : 'tradeDate',
								title : '交易时间',
								width : 150,
								templet : function(data) {
									var tradeDate = new Date(data.tradeDate);
									var minutes = tradeDate.getMinutes();
									if (minutes < 10) {
										minutes = "0" + minutes
									}
									return tradeDate.getFullYear() + "-"
											+ (tradeDate.getMonth() + 1) + "-"
											+ tradeDate.getDate() + " "
											+ tradeDate.getHours() + ":"
											+ minutes;
								}
							},
							{
								field : 'share',
								title : '交易数量',
								width : 100,
							},
							{
								field : 'turnvoer',
								title : '交易额',
								width : 100,
							},
							{
								field : 'stampTax',
								title : '印花税',
								width : 100,
							},
							{
								field : 'managementFees',
								title : '征管费',
								width : 100,
							},
							{
								field : 'trabsferFee',
								title : '过户费',
								width : 100,
							},
							{
								field : 'commission',
								title : '佣金费用',
								width : 100,
							},
							{
								field : 'brokerage',
								title : '经手费',
								width : 100,
							},
							{
								field : 'total',
								title : '总金额',
								width : 100,
							},
							{
								field : 'securityInterest',
								title : '债券利息',
								width : 100,
							},
							{
								field : 'tradeStatus',
								title : '交易状态',
								width : 100,
								templet : function(d) {
									if (d.tradeStatus == 1) {
										return '<span style="color:green;">'
												+ '已结算' + '</span>'
									} else {
										return '<span style="color:red;">'
												+ '未结算' + '</span>'
									}
								}
							}

					] ]
				});
				form.on('submit(BondTradeSearchBtn)', function(data) {
					var data = data.field
					bondTradeTable.reload({
						where : { // 设定异步数据接口的额外参数，任意设
							"startTime" : data.startTime,
							"endTime" : data.endTime,
						},
						page : {
							curr : 1
						// 重新从第 1 页开始
						}
					});
					if (data.startTime <= data.endTime) {

					} else {
						layer.msg('结束时间小于起始时间,请重新选择');
					}
					return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
				});
				// 日期时间选择器
				laydate.render({
					elem : '#startTime1',
					type : 'datetime'
				});
				laydate.render({
					elem : '#endTime1',
					type : 'datetime'
				});
				upload.render({
					elem : '#test4',
					url : 'BondTrade',
					exts : 'xls|xlsx',
					method : 'post',
					accept : 'file', // 普通文件
					progress : function(n) {
						var percent = n + '%' // 获取进度百分比
						element.progress('demo', percent); // 可配合 layui 进度条元素使用
					},
					before : function(obj) {
						layer.load(); // 上传loading
					},
					done : function(res, index, upload) {
						layer.closeAll('loading');
						layer.msg("上传成功");
						// 刷新数据表格
						table.reload('BondTradeTable', {
							url : 'BondTrade'
						});
					},
					error : function(index, upload) {
						layer.closeAll('loading');
						element.progress('demo', '0%');
						layer.msg('上传失败');
					}
				});
				

			})

}
